<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
</html>

<!-- 
  响应式布局: 根据用户不同的终端不同(屏幕宽度的不同)
            显示不同的尺寸或者内容

  优势:
    1. 面对不同的分辨率的设备来说灵活性强
    2. 能够解决跨终端适配的问题

  缺点:
    1. 兼容多端设备，效率低下
    2. 会出现大量的冗余的代码，页面的加载时间会变长
    3. 更多的被拿来作为一个折中的方案来设计，导致各个方面达不到最优

  技术文档
  个人博客
 -->
